:root {
  --bgcolor: #ffffff;
  --txcolor: #333333;
  --btncolor: #c0bebe;
  --image-filter: none;
  --clr: rgb(245, 7, 90);
  --footer-color: #918c8c;
  --btn-border: blue;
  --progress-color: #1a94d6;
  --header-color: #1a365d;
  --secondary-color: #2c5282;
  --accent-color: #4299e1;
  --border-color: #eaeaea;
  --highlight-bg: #ebf8ff;
  --contact-bg: #f8f9fa;
  --button-hover-bg: #1a365d;
  --nav-bg: #000000;
  --nav-icon-color: #ffffff;
  --nav-text-color: #ffad32c1;
  --nav-hover-color: #ffa117;
  --nav-active-bg: #e4e9f5;
  --card-bg: #f8fafc;
  --input-bg: #ffffff;
  --input-border: #cbd5e1;
  --button-bg: #3b82f6;
  --button-hover: #2563eb;
  --secondary-text: #64748b;
  --wrap-bg: #ffffff;
  --h4-color: #1e293b;
  --select-color: #ffffff;
  --arrow-color: #94a3b8;
  --arrow2-color: #64748b;
  --bar-btn : #f0f0f0;
  --page-opacity: 1;
  --cart-head: #f8f9fa;
  --cart-text: #2c3e50;
  --cart-desc: #34495e;
  --pay-tx: #555555;
  --h3-color: #2c3e50;
   --history-card-bg: #f8fafc;
  --history-border: #e2e8f0;
  --history-text-primary: #2d3748;
  --history-text-secondary: #718096;
  --history-accent: #4299e1;
  --history-accent-hover: #3182ce;
  --history-rate-excellent: #38a169;
  --history-rate-good: #38b2ac;
  --history-rate-medium: #ed8936;
  --history-rate-low: #e53e3e;
  --history-level-excellent: #c6f6d5;
  --history-level-good: #b2f5ea;
  --history-level-medium: #feebc8;
  --history-level-poor: #fed7d7;
  --history-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --history-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --theme: #1d3557
}

.dark-mode {
  --bgcolor: #333333;
  --txcolor: #ffffff;
  --btncolor: #ffffff;
  --image-filter: brightness(0.8) grayscale(5%);
  --footer-color: #0e0e0e;
  --btn-border: #2196f3;
  --progress-color: #34e7e4;
  --header-color: #81a1c1;
  --secondary-color: #88c0d0;
  --accent-color: #5e81ac;
  --border-color: #4c566a;
  --highlight-bg: #2e3440;
  --contact-bg: #2e3440;
  --button-hover-bg: #81a1c1;
  --nav-bg: #1e1e2e;
  --nav-icon-color: #cbd5e1;
  --nav-text-color: #f8fafc;
  --nav-hover-color: #60a5fa;
  --nav-active-bg: #2d3748;
  --card-bg: #2d3748;
  --input-bg: #4a5568;
  --input-border: #4a5568;
  --button-bg: #4299e1;
  --button-hover: #3182ce;
  --secondary-text: #94a3b8;
  --wrap-bg: #5d6064;
  --h4-color: #e2e8f0;
  --select-color: #919494;
  --arrow-color: #dcdbdb;
  --arrow2-color: #ffffff;
  --bar-btn: #4a5568;
  --page-opacity: 0.8;
  --cart-head: #4a4d50;
  --cart-text: #4facfe;
  --cart-desc: #6086ad;
  --pay-tx: #e2e8f0;
  --h3-color: #e2e8f0;
  --history-card-bg: #2d3748;
  --history-border: #4a5568;
  --history-text-primary: #e2e8f0;
  --history-text-secondary: #a0aec0;
  --history-accent: #63b3ed;
  --history-accent-hover: #4299e1;
  --history-rate-excellent: #68d391;
  --history-rate-good: #4fd1c5;
  --history-rate-medium: #f6ad55;
  --history-rate-low: #fc8181;
  --history-level-excellent: #22543d;
  --history-level-good: #234e52;
  --history-level-medium: #744210;
  --history-level-poor: #742a2a;
  --history-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --history-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4);
  --theme: #ffffff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}